<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--内部样式表-->
	    <!--只对块级元素有用-->
		<style>
			.bg{
				width: 400px;
				height: 180px;
				background-color: cornflowerblue;/*背景颜色*/
				background-image: url(img/a.png) ;/*背景图片小于标签宽高时，默认平铺*/
			   background-repeat: no-repeat;
			    /*背景平铺方式:不设置的时候默认xy轴同时平铺
			      repeat-x:横轴平铺
			      repeat-y:纵轴平铺
			      repeat-xy:同时平铺(等效不设置值)
			      no-repeat:不平铺
			     * */
			    background-position: 130px 50px;
			    /*背景图片位置:
			           第一个参数:x轴上的偏移距离，正数向右移动，反之
			           第二个参数:y轴上的偏移距离，正数向下，反之
			    * */
			}
			.bg2{
				width: 400px;
				height: 180px;
				/*以上所有跟背景相关的样式可以缩写成一个background
				 缩写顺序必须遵守:背景色、背景图片、背景图片平铺方式、背景图片x偏移、背景图片y轴偏移*/
				background: cornflowerblue url(img/a.png) repeat-x 0px 80px;
			}
		</style>
	</head>
	<body>
		<p class="bg"></p>
		<p class="bg2"></p>
	</body>
</html>
